<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<section class="col-sm-4 no-padder bg">
	<section class="vbox">
		<section class="scrollable hover">
			<ul class="list-group list-group-lg no-bg auto m-b-none m-t-n-xxs">
				<li class="list-group-item clearfix"><a href="#"
					class="jp-play-me pull-right m-t-sm m-l text-md"> <i
						class="icon-control-play text"></i> <i
						class="icon-control-pause text-active"></i>
				</a> <a href="#" class="pull-left thumb-sm m-r"> <img
						src="images/m0.jpg" alt="...">
				</a> <a class="clear" href="#"> <span class="block text-ellipsis">Little
							Town</span> <small class="text-muted">by Soph Ashe</small>
				</a></li>
				<li class="list-group-item clearfix"><a href="#"
					class="jp-play-me pull-right m-t-sm m-l text-md"> <i
						class="icon-control-play text"></i> <i
						class="icon-control-pause text-active"></i>
				</a> <a href="#" class="pull-left thumb-sm m-r"> <img
						src="images/a1.png" alt="...">
				</a> <a class="clear" href="#"> <span class="block text-ellipsis">Get
							lacinia odio sem nec elit</span> <small class="text-muted">by
							Filex</small>
				</a></li>
				<li class="list-group-item clearfix"><a href="#"
					class="jp-play-me pull-right m-t-sm m-l text-md"> <i
						class="icon-control-play text"></i> <i
						class="icon-control-pause text-active"></i>
				</a> <a href="#" class="pull-left thumb-sm m-r"> <img
						src="images/a2.png" alt="...">
				</a> <a class="clear" href="#"> <span class="block text-ellipsis">Donec
							sed odio du</span> <small class="text-muted">by Dan Doorack</small>
				</a></li>
				<li class="list-group-item clearfix"><a href="#"
					class="jp-play-me pull-right m-t-sm m-l text-md"> <i
						class="icon-control-play text"></i> <i
						class="icon-control-pause text-active"></i>
				</a> <a href="#" class="pull-left thumb-sm m-r"> <img
						src="images/a3.png" alt="...">
				</a> <a class="clear" href="#"> <span class="block text-ellipsis">Curabitur
							blandit tempu</span> <small class="text-muted">by Foxes</small>
				</a></li>
				<li class="list-group-item clearfix"><a href="#"
					class="jp-play-me pull-right m-t-sm m-l text-md"> <i
						class="icon-control-play text"></i> <i
						class="icon-control-pause text-active"></i>
				</a> <a href="#" class="pull-left thumb-sm m-r"> <img
						src="images/a4.png" alt="...">
				</a> <a class="clear" href="#"> <span class="block text-ellipsis">Urna
							mollis ornare vel eu leo</span> <small class="text-muted">by
							Chris Fox</small>
				</a></li>
				<li class="list-group-item clearfix"><a href="#"
					class="jp-play-me pull-right m-t-sm m-l text-md"> <i
						class="icon-control-play text"></i> <i
						class="icon-control-pause text-active"></i>
				</a> <a href="#" class="pull-left thumb-sm m-r"> <img
						src="images/a5.png" alt="...">
				</a> <a class="clear" href="#"> <span class="block text-ellipsis">Faucibus
							dolor auctor</span> <small class="text-muted">by Lauren Taylor</small>
				</a></li>
				<li class="list-group-item clearfix"><a href="#"
					class="jp-play-me pull-right m-t-sm m-l text-md"> <i
						class="icon-control-play text"></i> <i
						class="icon-control-pause text-active"></i>
				</a> <a href="#" class="pull-left thumb-sm m-r"> <img
						src="images/a6.png" alt="...">
				</a> <a class="clear" href="#"> <span class="block text-ellipsis">Praesent
							commodo cursus magn</span> <small class="text-muted">by Chris
							Fox</small>
				</a></li>
				<li class="list-group-item clearfix"><a href="#"
					class="jp-play-me pull-right m-t-sm m-l text-md"> <i
						class="icon-control-play text"></i> <i
						class="icon-control-pause text-active"></i>
				</a> <a href="#" class="pull-left thumb-sm m-r"> <img
						src="images/a7.png" alt="...">
				</a> <a class="clear" href="#"> <span class="block text-ellipsis">Vestibulum
							id</span> <small class="text-muted">by Milian</small>
				</a></li>
				<li class="list-group-item clearfix"><a href="#"
					class="jp-play-me pull-right m-t-sm m-l text-md"> <i
						class="icon-control-play text"></i> <i
						class="icon-control-pause text-active"></i>
				</a> <a href="#" class="pull-left thumb-sm m-r"> <img
						src="images/a8.png" alt="...">
				</a> <a class="clear" href="#"> <span class="block text-ellipsis">Blandit
							tempu</span> <small class="text-muted">by Amanda Conlan</small>
				</a></li>
				<li class="list-group-item clearfix"><a href="#"
					class="jp-play-me pull-right m-t-sm m-l text-md"> <i
						class="icon-control-play text"></i> <i
						class="icon-control-pause text-active"></i>
				</a> <a href="#" class="pull-left thumb-sm m-r"> <img
						src="images/a9.png" alt="...">
				</a> <a class="clear" href="#"> <span class="block text-ellipsis">Vestibulum
							ullamcorpe quis malesuada augue mco rpe</span> <small class="text-muted">by
							Dan Doorack</small>
				</a></li>
				<li class="list-group-item clearfix"><a href="#"
					class="jp-play-me pull-right m-t-sm m-l text-md"> <i
						class="icon-control-play text"></i> <i
						class="icon-control-pause text-active"></i>
				</a> <a href="#" class="pull-left thumb-sm m-r"> <img
						src="images/a10.png" alt="...">
				</a> <a class="clear" href="#"> <span class="block text-ellipsis">Natis
							ipsum ac feugiat</span> <small class="text-muted">by Hamburg</small>
				</a></li>
				<li class="list-group-item clearfix"><a href="#"
					class="jp-play-me pull-right m-t-sm m-l text-md"> <i
						class="icon-control-play text"></i> <i
						class="icon-control-pause text-active"></i>
				</a> <a href="#" class="pull-left thumb-sm m-r"> <img
						src="images/a0.png" alt="...">
				</a> <a class="clear" href="#"> <span class="block text-ellipsis">Sec
							condimentum au</span> <small class="text-muted">by Amanda Conlan</small>
				</a></li>
			</ul>
		</section>
	</section>
</section>
